<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.ld.com/shield/tags" prefix="shield"%>
<shield:token/>
<div class="show-info">
		<table class="tab-show">
			<colgroup>
				<col width="150">
				<col width="">
			</colgroup>
			<tbody>
				<tr>
					<th ><font color="red">*</font> 登录名：</th>
					<td>${user.loginCode }<input type="hidden" class="" name="loginCode" maxlengths="30"  value="${user.loginCode }"></td>
					<th ><font color="red">*</font> 昵称：</th>
					<td><input type="text" class="" name="userName" maxlengths="30"  value="${user.userName }"></td>
				</tr>
				<tr>
					<th ><font color="red">*</font> 性别：</th>
					<td>
						<%-- data-v表示默认选中值--%>
						<select name="sex" data-v="${user.sex }">
							<option value="0">女</option>
							<option value="1">男</option>
						</select>
					</td>
					<th ><font color="red">*</font> 手机号码：</th>
					<td><input type="text" class="shield-input" name="mobile" maxlengths="30"  value="${user.mobile }">
					</td>
				</tr>
				<tr>
					<th > 办公电话：</th>
					<td><input type="text" class="" name="phone" maxlengths="30"  value="${user.phone }">
					</td>
					<th ><font color="red">*</font> 电子邮件：</th>
					<td><input type="text" class="email" name="email" value="${user.email }">
					</td>
				</tr>
				<tr>
			    	<th>
		            	<label>头像：</label>
		        	</th>
		         	<td colspan="3">
		         		<%-- <input type="text" name="avatar" value="${model.avatar}" > --%>
		         		<!-- uploadContainer上传容器用于多个文件时区分不同容器 -->
						<div class="clearfix uploadContainer">
							<!-- imgPath存放图片路径 -->
		  					<input class="imgPath" name="avatar" type="hidden" value="${user.avatar }"/>
							<div class="img" style="margin-right: 10px; float: left; border: 1px solid #eee;">
		<c:choose>
			<c:when test="${not empty user.avatar }">
								<!-- imgShow预览图片imgPreview_plugin为鼠标悬停放大插件 -->
								<img id="imageNews" class="imgShow imgPreview_plugin" name="imageNews" width="70" src="${user.avatar }">
			</c:when>
			<c:otherwise>
						   		<img id="imageNews" class="imgShow imgPreview_plugin" name="imageNews" width="70" src="${ctxPath }/images/project/nopic.jpg">
			</c:otherwise>
		</c:choose>
							</div>
		                    <div class="option" style="float: left;">
		                        <div class="ms imageUpload" style="padding-top:10px"><input type="button" class="sumbit button" value="上传图片"></div>
		                        <div class="tips">1、建议上传180 *180尺寸图片 <br/>2、支持的图片类型：JPG,JPEG,GIF,BMP,PNG</div>
		                    </div>
	                	</div>
		         	</td>
				</tr>
				<tr >
					<th > 入职时间：</th>
					<td colspan="3"><input type="text" class="Wdate" name="entryDate" maxlengths="30"  value="<fmt:formatDate pattern="yyyy-MM-dd" value="${user.entryDate}"/>">
					</td>
				</tr>
				<tr >
					<th > 个性签名：</th>
					<td colspan="3">
						<textarea id="sign" name="sign" style="width: 90%;" rows="5">${user.sign }</textarea>
					</td>
				</tr>
			</tbody>
		</table>
		<div class="taCenter">
			<input class="button" type="submit" value="提交"/>
	    	<input class="button default" type="reset" value="重置"/>
	    </div>
 </div>
		

